<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 多个位置的script段落，执行顺序自上而下 -->
		<script src="js/today.js"></script>
		<script>
			document.write("<h2>二级标题</h2>")
			/* 执行这一步的时候，该元素还不存在 */
			var p1 = document.getElementById('p1') // null
			// console.log(p1.innerHTML) // 报错
			console.log('在其他js段落打印a:' + a)
		</script>
	</head>
	<body>
		<p id="p1">这是原本的p标签</p>
		<script>
			document.write("<p class='p1'>p标签，附带class</p>")
		</script>
	</body>
	<script>
		document.write("<a href='https://www.baidu.com'>百度</a>")
	</script>
</html>